<template>
  <div class="table-component">
    <el-table
      :data="tableData"
      border
      stripe
      style="width: 100%"
      v-loading="tableLoading"
    >

      <el-table-column prop="id" label="id" width="200" />
      <el-table-column prop="name" label="角色名" width="200" />
      <el-table-column prop="createdAt" label="创建时间" width="240" />
      <el-table-column label="操作" min-width="220px" fixed="right">


      <el-table-column prop="id" label="id" width="200" />
      <el-table-column prop="name" label="角色名" width="200" />
      <el-table-column prop="createdAt" label="创建时间" width="240" />
      <el-table-column label="操作" min-width="220px" fixed="right">
        <template #default="scope">
          <el-button
            v-if="rolePermission.editRolePerm"
            type="success"
            size="small"
            @click.prevent="showAddEditDialog(scope.row, 2)"
            >编辑</el-button
          >
          <el-button
            v-if="rolePermission.removeRolePerm"
            type="danger"
            size="small"
            @click.prevent="showRemoveDialog(scope.row)"
            >删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script  setup lang='ts'>
const props = defineProps(["modelValue"]);
</script>
<style lang='scss' scoped>
</style>
